
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>webpack & JS</title>
        <link
      rel="stylesheet"
      href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
      integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
      crossorigin=""
    />
       <!-- <script src="https://rawgithub.com/mylen/leaflet.TileLayer.WMTS/master/leaflet-tilelayer-wmts.js"></script> -->
    <!-- <script src="index.js"></script> -->
        <script src="../library/index.js"></script>

   
     <!-- <script type="module" src="../dist/index.js"></script> -->
    
  </head>
  <body style="padding: 0; margin: 0;">
     <div id="app" style="width: 500px; height: 500px; background-color: aqua;">
           <canvas
      id="app2"
       style="position: absolute; background-color: aquamarine; margin: 10px; left: 00px;"
      width="500px"
      height="500px"
    ></div>

    
<script>
  const mapaa2 = new metaGis.default("app2", {
  center: [102.73020058664703, 25.034912333424444],
  zoom: 6,
    baseLayer: [
    {
      type: "WMTS",
      url: "https://webrd01.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scale=1&style=8",
    },
  ],
     drawLayer: [
    {
      type: "point",
      // sys: "GCJ02",
      coordinate: [102.73129657902908, 25.047944995715422],
      text: "金平果",
    },
    {
      type: "point",
      // sys: "GCJ02",
      // 102.72873039630478, 25.03786706519139
      coordinate: [102.73020058664703, 25.034912333424444], // 拓东体育场草地
      text: "拓东体育场草地",
    },]
})

// setTimeout(() => {
//   var map = L.map("app", {
//   }).setView([25.03786706519139, 102.72873039630478], 5);
//       const aa = L.tileLayer(
//          "http://wprd03.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=7",
//       {
//         maxZoom: 19,
//         attribution: "版权",
//       }
//     );
//   aa.addTo(map);
// },1000)

</script>
  </body>
  </html>

  